Ext.define('app.view.ViewportAccount', {
	extend : 'Ext.container.Viewport',
	alias : 'widget.ViewportAccount',
	layout : 'fit',// 不可缺，缺了行不显示内容
	requires : ['Ext.grid.Panel', 'Ext.grid.column.Check', 'Ext.grid.View',
			'Ext.toolbar.Toolbar', 'Ext.button.Button', 'Ext.toolbar.Paging'],
	tools : [{
				type : 'pin'
			}],
	layout : {
		type : 'border',
		padding : 5
	},
	items : [{
		region : 'west',
		width : 290,
		margins : '2 5 5 2',
		title : '查询条件',
		layout : 'form',
		split : true,
		collapsible : true,
		collapsed : true,
		floatable : false,
		name : 'fromWest',
		frame : true,
		items : [{
					xtype : 'textfield',
					name : 'name',
					anchor : '90%',
					id:'name',
					fieldLabel : '客户名称'
				},{
					xtype : 'textfield',
					name : 'phone',
					anchor : '90%',
					id:'phone',
					fieldLabel : '联系方式'
				},{
					xtype : 'textfield',
					name : 'address',
					anchor : '90%',
					id:'address',
					fieldLabel : '客户地址'
				}],
		buttons : [{
					text : '查询',
					name : 'queryBu',
					handler : function() {
						this.ownerCt.ownerCt.ownerCt.items.items[3].store.load();
					}
				}, {
					text : '重置',
					handler : function() {
						this.ownerCt.ownerCt.items.items[0].setValue("");
						this.ownerCt.ownerCt.items.items[1].setValue("");
						this.ownerCt.ownerCt.items.items[2].setValue("");
					}
				}]

	}, {
		region : 'center',
		xtype : 'gridpanel',
		store : 'Accounts',
		stripeRows : true,
		enableHdMenu:false,
		autoScroll : true,
		forceFit : true,
		autoHeight : true,
		columns : [{
					text : "客户名称",
					dataIndex : 'name',
					sortable : true
				}, {
					text : "联系方式",
					dataIndex : 'phone',
					sortable : true 
				}, {
					text : "所属分销商",
					dataIndex : 'distributor',
					sortable : true ,
					renderer : function(value) { 
						if(value==null){
							return "";
						}else{
							return value.name;
						}
					}
				}, {
					text : "客户地址",
					dataIndex : 'address',
					sortable : true 
				}, {
					text : "营业执照",
					dataIndex : 'img_license',
					sortable : true ,
					renderer : function(value) { 
						if(value==null){
							return "";
						}else{
							return '<a href="files/'+value+'" target="_blank">查看</a>';
						}
					}
				}, {
					text : "合同",
					dataIndex : 'agreement',
					sortable : true,
					renderer : function(value) { 
						if(value==null){
							return "";
						}else{
							return '<a href="files/'+value+'">下载</a>';
						}
					}
				}],
		selModel : {
			selType : 'checkboxmodel'
		},
		viewConfig:{
			enableTextSelection:true 
		},
		dockedItems : [{
					xtype : 'toolbar',
					dock : 'top',
					items : [{
								xtype : 'button',
								name : 'add',
								icon:'../../../images/add.png',
								tooltip : '添加'
							},'-', {
								xtype : 'button',
								name : 'edit',
								icon:'../../../images/cog_edit.png',
								tooltip : '编辑'
							},'-', {
								xtype : 'button',
								name : 'del',
								icon:'../../../images/delete.png',
								tooltip : '删除'
							}]
				}, {
					xtype : 'pagingtoolbar',
					dock : 'bottom',
					displayInfo : true,
					store : 'Accounts',
					items : ['-', {
								xtype : 'label',
								text : '每页显示',
								style : 'margin-left:5px;margin-right:5px;'
							}, {
								xtype : 'combo',
								store : 'BbarComboBox',
								valueField : 'id',
								displayField : 'name',
								mode : 'local',
								triggerAction : 'all',
								fieldLabel : '',
								editable : false,
								width : 60,
								listeners : {
									"beforerender" : function(store, options) {
										this.value = 50;
									},
									"select" : function(combo, record, index) {
										if (combo.getValue() == 0) {
											this.ownerCt.ownerCt.store.pageSize = this.ownerCt.ownerCt.store
													.getTotalCount();
										} else {
											this.ownerCt.ownerCt.store.pageSize = combo
													.getValue();
										}

										this.ownerCt.ownerCt.store.load({
											params : {
												start : 0,
												limit : this.ownerCt.ownerCt.store.pageSize
											}
										});
									}
								}
							}, {
								xtype : 'label',
								text : '记录',
								style : 'margin-left:5px;'
							}]
				}]
	}]

});